<template>
  <div class="import">
    <el-tabs v-model="activeName" type="border-card">
      <el-tab-pane label="电商" name="retailers">
        <order-module :activeName="activeName"></order-module>
      </el-tab-pane>
      <!--      <el-tab-pane label="快递" name="express">-->
      <!--        <orderModule :activeName1="activeName"></orderModule>-->
      <!--      </el-tab-pane>-->
    </el-tabs>
  </div>
</template>
<script>
import orderModule from "@/views/order/import/components/orderModule.vue";

export default {
  components: { orderModule },
  data() {
    return {
      activeName: "retailers",
      activeName1: "",
    };
  },
  methods: {},
  created() {},
  mounted() {},
};
</script>
<style lang="scss" scoped>
.import {
  padding: 0px 0;
}

.upload_step {
  display: flex;
  align-items: center;
}

.download {
  text-align: left;
  margin: 5px 0;
}

.el-select {
  display: block;
}

.el-form-item {
  margin-bottom: 0;
}

::v-deep .el-form-item__label {
  text-align: center;
}

::v-deep .el-input__inner {
  height: 32px;
  line-height: 32px;
}

::v-deep .el-tabs--card > .el-tabs__header {
  border-bottom: 0;
}

::v-deep .el-tabs--card > .el-tabs__header .el-tabs__nav {
  //border: 0;
}

::v-deep .el-tabs--card > .el-tabs__header .el-tabs__item {
  border-bottom: #2e82ff 1px solid;
  //border-left: 0;

  &:hover {
    cursor: pointer;
    color: #2e82ff;
  }
}

::v-deep .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  border-left: #2e82ff 1px solid !important;
  border-right: #2e82ff 1px solid !important;
  border-top: #2e82ff 1px solid !important;
  color: #2e82ff;
  border-bottom: none;
}
</style>
